<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
</head>
<style>
    body{
        font-size:12px;
        font-family: Arial;
    }
    a{
        color:#999;
    }
    .redColor{
        color:#C40000 !important;
    }
    nav.top{
        background-color:#f2f2f2;
        padding-top:5px;
        padding-bottom:5px;
        border-bottom:1px solid #e7e7e7;
    }
    nav.top span,nav.top a{
        color:#999;
        margin:0px 10px 0px 10px;
    }
    nav.top a:hover{
        color:#C40000;
        text-decoration:none;
    }

</style>
<nav class="top">
    <a href="#nowhere">
        <span class="glyphicon glyphicon-home redColor" ></span>
    </a>

    <span>喵，欢迎来商城</span>
    <a href="#nowhere">请登录</a>
    <a href="#nowhere">免费注册</a>

    <span class="pull-right">
        <a href="#nowhere">我的订单</a>
        <a href="#nowhere">
            <span class="glyphicon glyphicon-shopping-cart redColor">购物车<strong>0</strong>件</span>
        </a>
    </span>
</nav></nav>